<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <link rel="icon" href="../img/favicon.ico">
    <title>开放性实验室中心-论坛帖子</title>
    <link rel="stylesheet" type="text/css" href="../css/main.css"/>
    <link href="../css/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">

    <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <div class="container">
      <!--页面头部开始-->
      <div class="head">
        <div class="head-logo">
          <img src="../img/bbs_logo.png" alt="教学论坛" class="img-responsive center-block" />
        </div>
        
        <!--论坛导航开始-->
        <div class="container-fluid">
        	<div class="row bbs-nav">
            <ul class="nav nav-pills">
              <li><a href="#">C语言</a></li>
              <li><a href="#">C++</a></li>
              <li><a href="#">Java</a></li>
              <li><a href="#">C#</a></li>
              <li><a href="#">数字电子实验</a></li>
              <li><a href="#">单片机</a></li>
              <form action="" method="get" class="form-inline pull-right">
                <div class="input-group">               
                  <input type="text" name="key" class="form-control" placeholder="搜索帖子" size="15"/>
                  <div class="input-group-btn">
                      <button type="submit" class="btn btn-default"><span class="glyphicon glyphicon-search"></span></button>
                  </div>
                </div>
              </form>
            </ul>
          </div>
        </div>
        <!--论坛导航结束-->
      </div>
      <!--页面头部结束-->
      
      <!--页面主体开始-->
      <div class="main">
        <!-- 帖子内容开始 -->
        <div class="bbs-post">
          <h2 class="bbs-post-title">Markdown在线编辑器常用格式及快捷键</h2>
          <ul>
            <li><strong>加粗文字</strong> <code>Ctrl + B</code></li>
            <li><em>斜体文字</em> <code>Ctrl + I</code></li>
            <li><a href="http://bh-lay.com/">链接文字</a> <code>Ctrl + L</code></li>
            <li>图片<img src="src/baoman.jpg" alt="暴漫" title=""> <code>Ctrl + G</code></li>
            <li><code>code</code> <code>Ctrl + Shift + K</code></li>
            <li>代码块 <code>Ctrl + K</code>：</li>
          </ul>
        </div>
        <hr />
        <!-- 帖子内容结束 -->
        
        <!--我的评论开始-->
        <div class="container-fluid">
        	<div class="row">
            <div class="bbs-comment col-md-8">
              <span class="h4 bbs-comment-title">添加评论</span>
              <div class="media">
                <div class="col-md-2 center-block">
                  <a href="media-left"><img src="../img/qq.png" class="img-circle img-thumbnail" width="100" height="100"/></a>
                </div>
                <div class="col-md-10">
                  <div class="media-body">
                    <p class="text-left"><span class="h4">腾小Q</span></span></p>
                    <div class="form-group">
                      <textarea name="postComment" id="editor" placeholder="评论屌一点~ Bug少一点~" ></textarea>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!--我的评论结束-->
        
        <!--评论列表开始-->
        <div class="bbs-comment-list">
          <span>已有12条评论</span><hr />
        	<div class="media">
        		<div class="col-md-2">
        			<a href="media-left"><img src="../img/1.jpg" class="img-circle img-thumbnail" width="80" height="80"/></a>
        		</div>
        		<div class="col-md-10">
        			<div class="media-body">
        			  <p class="text-left"><a href="" class="h4">腾小Q</a><span class="pull-right">1F</span></p>
                <p>抢个沙发~抢个沙发~抢个沙发~抢个沙发~抢个沙发~抢个沙发~</p>
                <p>抢个沙发~抢个沙发~抢个沙发~抢个沙发~抢个沙发~抢个沙发~</p>
              </div>
        		</div>
        	</div>
        	<div class="media">
            <div class="col-md-2">
              <a href="media-left"><img src="../img/5.jpg" class="img-circle img-thumbnail" width="80" height="80"/></a>
            </div>
            <div class="col-md-10">
              <div class="media-body">
                <p class="text-left"><a href="" class="h4">马小云</a><span class="pull-right">2F</span></p>
                <p>抢个沙发~抢个沙发~抢个沙发~抢个沙发~抢个沙发~抢个沙发~</p>
                <p>抢个沙发~抢个沙发~抢个沙发~抢个沙发~抢个沙发~抢个沙发~</p>
              </div>
            </div>
          </div>
          <div class="media">
            <div class="col-md-2">
              <a href="media-left"><img src="../img/qq.png" class="img-circle img-thumbnail" width="80" height="80"/></a>
            </div>
            <div class="col-md-10">
              <div class="media-body">
                <p class="text-left"><a href="" class="h4">腾小Q</a><span class="pull-right">3F</span></p>
                <p>抢个沙发~抢个沙发~抢个沙发~抢个沙发~抢个沙发~抢个沙发~</p>
                <p>抢个沙发~抢个沙发~抢个沙发~抢个沙发~抢个沙发~抢个沙发~</p>
              </div>
            </div>
          </div>
        </div>
        <!--评论列表结束-->
      </div>
      <!--页面主体结束-->
      
      <!--页面底部开始-->
      <div class="foot">
        <hr />
        <p class="text-center">版权所有：XXX实验室中心&nbsp;&nbsp;&nbsp;技术支持：FH 团队</p>
      </div>
      <!--页面底部结束-->
    </div>
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
    <script>
    if(!window.jQuery) {
        document.write('<scr' + 'ipt src="js/bootstrap.min.js"></scr' + 'ipt>');
    }
    </script>
    <script type="text/javascript" src="../js/mditor.js"></script>
    <script>
      var postEditor = document.getElementById('editor');
      var meditor = new mditor(postEditor);
    </script>
  </body>
</html>